	//之所以把所有的JS都写在一起，是因为about页面和contact页面的JQ只用了一行代码。感觉没必要单独写出来。而他上面的JQ代码因为都是通过选择器找到的。在about页面和contact页面没有这些选择器所以不执行
	$(function(){
    		console.log('index.html');
			var imgArr =['IMG/index-img01.jpg','IMG/index-img02.jpg','IMG/index-img03.jpg','IMG/index-img04.jpg'];//以后有想加入的图片就放这里。随便加
    		var index = 0;//这里要注意上面的图片要更改的话要注意这里的索引值
    		var timer ;
    		function autoPlay(){
	    			index++;
	    			if(index === imgArr.length){
	    				index = 0;
	    				};
	    			var imgSrc = imgArr[index];
	    			 $('.shutter-img-a').attr('src',imgSrc).toggle().fadeIn(1000)
    			}
    		timer = setInterval(autoPlay,3000);
//  		$('.shutter-img-a').mouseenter(function(){
//  			clearInterval(timer);
//  		});
//  		$('.shutter-img-a').mouseleave(function(){
//  			setInterval(autoPlay,3000);
//  		});
    	   $('.next').click(function(){
    	   		index++;
    	   		if(index === imgArr.length){
    	   			index=0;
    	   		};//顺序-  - 逻辑一定要有0 0；
    	   		//console.log(index);//方便修改- -
    	   		var imgSrc = imgArr[index];
//  	   		 $('.shutter-img-a').hide();//不设置参数就看不到隐藏动画。速度快
    	   		 $('.shutter-img-a').attr('src',imgSrc).hide().fadeIn(1000);
    	  	 });
    	  	$('.prev').click(function(){
    	  		if(index === 0){
    	  			index = imgArr.length;
    	  		};
    	  		index--;
    	  		var imgSrc = imgArr[index];
    	  		$('.shutter-img-a').hide();//不设置参数就看不到隐藏动画。速度快
    	   		 $('.shutter-img-a').attr('src',imgSrc).fadeIn(1000);
    	  		//console.log(index);//方便修改
    	  	});
		console.log('contact.html');
  		$('.contact-self').stop(true,true).hide().fadeIn(2000);
		console.log('about.html');
		$('.content').stop().show(1000).slideDown(2000);	
    	});